<template>
  <div class="min-h-screen flex flex-col items-center justify-center bg-gray-50 p-4">
    <div class="text-center">
      <h1 class="text-9xl font-bold text-gray-800 mb-4">404</h1>
      <h2 class="text-2xl font-semibold text-gray-700 mb-6">页面未找到</h2>
      <p class="text-gray-600 mb-18 max-w-md">您访问的页面不存在或已被移除，请检查网址是否正确。</p>
      <router-link
        to="/"
        class="px-16 py-10 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors"
      >
        返回首页
      </router-link>
    </div>
  </div>
</template>

<script setup lang="ts">
defineOptions({
  name: 'ErrowView',
})
import { RouterLink } from 'vue-router'
</script>
